Custom (class) CSS styles are the only type of CSS style that can be applied to any text in a document, regardless of which tags control the text. The CSS Style palette displays the names of all available styles.
Do not confuse CSS styles with options such as Bold or Variable in the Text > Style submenu; these options are predefined formatting attributes that correspond to specific HTML tags.
When you apply two or more CSS styles to the same text, the styles may conflict and produce unexpected results. See About conflicting styles.
To apply a custom CSS style:
| 1 | Choose Window > CSS Styles. |
| 2 | Select the text to which you want to apply a CSS style. |
| Place the insertion point in a paragraph to apply the style to the entire paragraph. | |
| To specify the exact tag to which the CSS style should be applied, select the tag with the tag selector at the bottom left of the Document window. You can also change the tag selection with the Apply To pop-up menu in the CSS Style palette. | |
| If you select a range of text within a single paragraph, the CSS style affects only the selected range. | |
| 3 | Click a style name in the CSS Style palette. |
|
You can also apply a CSS style by choosing a style name from the Text > CSS Styles submenu, or by right-clicking (Windows) or Control-clicking (Macintosh) and choosing the style name from the CSS Styles submenu in the context menu. The tag of the current selection appears next to the Custom Style command.